import styles from './index.less';
import React from 'react';
import classname from 'classname';

class index extends React.PureComponent {
    render() {
        let { className = {}, value } = this.props;
        return (<div className={classname(className, styles.component)}>
            <svg className={styles.svg} viewBox="0 0 160 240">
                <g className={styles.cloudOffset}>
                    <path fill="#43647E" d="M113.903,179.264c-6.173,0-12.273-1.229-17.931-3.585
	c-6.062,2.515-12.218,3.585-19.999,3.585c-8.325,0-16.356-1.866-23.959-5.559c-5.329,2.711-11.262,4.119-17.492,4.119
	c-21.27,0-38.574-17.306-38.574-38.576c0-15.345,9.325-29.175,22.996-35.269c6.653-25.268,29.615-42.96,57.029-42.96
	c19.873,0,38.259,9.958,49.18,26.313c20.532,5.085,35.406,23.653,35.406,45.276C160.56,158.334,139.63,179.264,113.903,179.264z"/>
                </g>
                <g className={styles.mainCloud}>
                    <path fill="#43647E" d="M118.294,97.231c-8.359-15.388-24.715-25.212-42.32-25.212c-24.457,0-44.283,17.108-47.506,40.333
	c-12.301,2.767-21.52,13.771-21.52,26.896c0,15.205,12.369,27.576,27.574,27.576c6.396,0,12.348-2.078,17.133-5.917
	c7.713,4.944,15.705,7.356,24.318,7.356c8.145,0,13.68-1.295,20.043-4.816c5.418,3.152,11.541,4.816,17.887,4.816
                        c19.662,0,35.656-15.996,35.656-35.656C149.56,114.432,135.888,99.401,118.294,97.231z"/>
                </g>
                <g className={styles.hazeString}>
                    <path d="M5,      150.6 h10"/>
                    <path d="M25,     150.6 h43.68"/>
                    <path d="M129.263,150.6 H80"/>

                    <path d="M109.756,  159.6 H10.313"/>
                    <path d="M122.756,  159.6 h10.756"/>

                    <path d="M3.473,  168.6 h23.68"/>
                    <path d="M40,     168.6 h43.68"/>
                    <path d="M127.263,168.6 H100"/>

                    <path d="M5,      177.6 h10"/>
                    <path d="M25,     177.6 h43.68"/>
                    <path d="M131.263,177.6 H80"/>

                </g>
            </svg>
        </div>);
    }
}

export default index;